1、块级元素水平居中:margin 0 auto
2、margin 0 auto;只对块级元素有效
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<style type="text/css">
p{
width:300px;background:blue;
}
</style>
</head>
<body>
<p>我要好好学习</p>
<p>我要好好学习</p>
</body>
</html>
返回值:
修改为:
p{
width:300px;background:blue;
margin:0 auto;
}
新增rerext.ccs文件:
*{margin:0;padding:0}
Html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<link rel="stylesheet" href="rerest.css">
<style type="text/css">
p{
width:300px;background:blue;
}
</style>
</head>
<body>
<p>我要好好学习</p>
<p>我要好好学习</p>
<input type="text">
</body>
</html>
返回值: